<html>
<head>
<link id="www-core-css" rel="stylesheet" href="css/my.css">
<link rel="stylesheet" href="css/lavalamp_test.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/site.css" type="text/css" charset="utf-8">
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.min.js"></script>
    <script type="text/javascript" src="js/jquery.lavalamp.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#1").lavaLamp({
                fx: "backout", 
                speed: 700,
                click: function(event, menuItem) {
                    return false;
                }
            });
        });
    </script>
	<link rel="stylesheet" type="text/css" href="css/preview.css"/>
	<link rel="stylesheet" type="text/css" href="css/wt-rotator.css"/>
	
    <script type="text/javascript" src="js/jquery.easing.1.3.min.js"></script>

    <script type="text/javascript" src="js/jquery.wt-rotator.min.js"></script>    
	<script type="text/javascript" src="js/preview.min.js"></script>
    <!--[if lt IE 9]>
  	<style>
    	.panel {
	    	border-left:1px solid #444;
			border-right:1px solid #444;
        }
    </style>
    <![endif]-->
</head>
<body>
<div id="wrapper">
	<div id="header">
		<div id="logo"></div>
	</div>
	<div id="navigation">
		<ul class="lavaLampWithImage" id="1">
			<li><a href="#">Home</a></li>
			<li><a href="#">About Us</a></li>
			<li><a href="#">Our work</a></li>
			<li><a href="#">Working Process</a></li>
			<li><a href="#">Contact Us</a></li>
		</ul>
	</div>
	<div id="content">
		<div class="container">
			<div class="wt-rotator">
				<div class="screen">
					<noscript><img src="images/triworks_abstract17.jpg"/></noscript>
				</div>
				<div class="c-panel">
					<div class="buttons">
						<div class="prev-btn"></div>
						<div class="play-btn"></div>    
						<div class="next-btn"></div>               
					</div>
					<div class="thumbnails">

						<ul>
							<li>
								<a href="images/triworks_abstract17.jpg" title="3D abstract art"><img src="images/thumbs/triworks_abstract17.jpg"/></a>
								<a href="http://codecanyon.net/user/webtako" target="_blank"></a>                        
								<div style="left:5px; top:94px; width:336px; height:0;"> 
									<h1>JQuery Banner Rotator</h1>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
									Ut tincidunt mi a lectus gravida pulvinar. Aliquam viverra cursus felis, 
									lobortis elementum tortor malesuada non. 
									Suspendisse hendrerit tortor a mauris auctor eu sodales metus laoreet. </div>
							</li>														
							<li>
								<a href="images/tokyo.jpg" title="rainbow bridge"><img src="images/thumbs/tokyo.jpg"/></a>                  
								<a href="http://codecanyon.net/user/webtako" target="_blank"></a>
								<div style="left:5px; top:36px; width:350px; height:0;"> 
									<h1>JQuery Banner Rotator</h1>

									Lorem ipsum ad vis puto molestie, ex est simul docendi, ei ius decore patrioque complectitur. 
									Per te dolor necessitatibus. Duo quis modo in, reque sonet an pri. In lorem fugit impedit eum, pro docendi rationibus reformidans et. 
									Cum ei ludus feugait luptatum.</div>                                          	                          
							</li>							
							<li>

								<a href="images/highway.jpg" title="highway"><img src="images/thumbs/highway.jpg"/></a>                    
								<a href="http://codecanyon.net/user/webtako" target="_blank"></a>
								<div style="left:484px; top:36px; width:336px; height:0;"> 
									<h1>JQuery Banner Rotator</h1>
									Lorem ipsum ad vis puto molestie, ex est simul docendi, ei ius decore patrioque complectitur. 
									Per te dolor necessitatibus. Duo quis modo in, reque sonet an pri. In lorem fugit impedit eum, pro docendi rationibus reformidans et. 
									Cum ei ludus feugait luptatum.</div>                             	                           
							</li>
							<li>
								<a href="images/hk.jpg" title="hong kong"><img src="images/thumbs/hk.jpg"/></a>                    
								<a href="http://codecanyon.net/user/webtako" target="_blank"></a>
								<div style="left:5px; top:36px; width:350px; height:0;"> 
									<h1>JQuery Banner Rotator</h1>

									Lorem ipsum ad vis puto molestie, ex est simul docendi, ei ius decore patrioque complectitur. 
									Per te dolor necessitatibus. Duo quis modo in, reque sonet an pri. In lorem fugit impedit eum, pro docendi rationibus reformidans et. 
									Cum ei ludus feugait luptatum.</div>                             	                           
							</li>							   
						</ul>

					</div>     
				</div>
			</div>	
		</div>
		<div style="margin-top:20px;height: 300px;" id="news">
		
		<div class="services">
			<h2>Freelancer</h2>
			<p style="margin-top:10px;margin-bottom:10px;">
				asdfa asdf asdf asdf asdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdf
				asdfa asdf asdf asdf asdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdf				
				asdfa asdf asdf asdf asdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdf
			</p>
			<a href="#">Read more</a>
		</div>
		<div class="services">
			<h2>Freelancer</h2>
			<p style="margin-top:10px;margin-bottom:10px;">
				asdfa asdf asdf asdf asdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdf
				asdfa asdf asdf asdf asdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdf				
				asdfa asdf asdf asdf asdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdf
			</p>
			<a href="#">Read more</a>
		</div>
		<div class="services">
			<h2>Freelancer</h2>
			<p style="margin-top:10px;margin-bottom:10px;">				
				asdfa asdf asdf asdf asdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdf
				asdfa asdf asdf asdf asdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdf
				asdfa asdf asdf asdf asdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdfasdfa asdf asdf asdf
			</p>
			<a href="#">Read more</a>
		</div>
		
		</div>
	</div>
	<div class="footer" style="width: 1020px;margin:0px;float:left;">Copyright@2011 Teamwork IT - All rights are reserved</div>
</div>
</body>
</html>